<?php use_helper('I18N', 'Date') ?>
<?php use_helper('Javascript') ?>

<?php include_partial('ingresoReparaciones/assets') ?>

<div id="sf_admin_container">
  <h1><?php echo __('Ingreso a Reparacion Numero %%id%%', array('%%id%%' => link_to($ordenesservicio->getId(), 'ordenesservicio_edit', $ordenesservicio)), 'messages') ?></h1>

  <?php include_partial('ingresoReparaciones/flashes') ?>

  <div id="sf_admin_header">
    <?php include_partial('ingresoReparaciones/form_header', array('ordenesservicio' => $ordenesservicio, 'form' => $form, 'configuration' => $configuration)) ?>
  </div>

  <div id="sf_admin_content">
    <?php include_partial('ingresoReparaciones/form', array('ordenesservicio' => $ordenesservicio, 'form' => $form, 'configuration' => $configuration, 'helper' => $helper)) ?>
  </div>

  <div id="sf_admin_footer">
    <?php include_partial('ingresoReparaciones/form_footer', array('ordenesservicio' => $ordenesservicio, 'form' => $form, 'configuration' => $configuration)) ?>
  </div>
</div>
<!--
Aqui va la Lista de trabajos en un Formulario
-->
<div id = "Actualizar" clss="dialog_trabajos">
       
</div>
<!--
Hasta aca va la Lista de trabajos en un Formulario
-->

<!-- Agregado por Marcelo -->

<style type="text/css">
		/*body { font-size: 62.5%; }
                 #clientes_clientestipo_id { margin-bottom:12px; width:95%; padding: .4em; }
                label, input { display:block; }*/
		input.text                   { margin-bottom:12px; width:95%; padding: .4em; }
		#modelos_marcas_id           { margin-bottom:12px; width:95%; padding: .4em; }
		#modelos_modelo              { margin-bottom:12px; width:95%; padding: .4em; }
		#autocomplete_modelos_id     { margin-bottom:4px; width:60%; padding: .4em; }
		#imei                        { margin-bottom:4px; width:60%; padding: .4em; }
		#ordenesservicio_presupuesto { margin-bottom:4px; width:95%; padding: .4em; }
               

               /* fieldset { padding:0; border:0; margin-top:25px; }*/
		h1 { font-size: 1.2em; margin: .6em 0; }
		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
		.ui-dialog .ui-state-error { padding: .3em; }
		.validateTips { border: 1px solid transparent; padding: 0.3em; }

	</style>
	<script type="text/javascript">
	jQuery(function() {
		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
		jQuery("#dialog").dialog("destroy");

		var     marcas_id = jQuery("#modelos_marcas_id"),
		        modelos   = jQuery("#modelos_modelo"),
		        allFields = jQuery([]).add(marcas_id).add(modelos),
			tips = jQuery(".validateTips");

		function updateTips(t) {
			tips
				.text(t)
				.addClass('ui-state-highlight');
			setTimeout(function() {
				tips.removeClass('ui-state-highlight', 1500);
			}, 500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("La longitud de " + n + " debe estar entre "+min+" y "+max+".");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}
                
		jQuery("#dialog-form").dialog({
			autoOpen: false,
			height: 300,
			width: 350,
			modal: true,
			buttons: {
				'Crear Nuevo Modelo': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');
					bValid = bValid && checkLength(modelos,"Modelo",3,25);
					
					
					if (bValid) {
						//jQuery('#users tbody').append('<tr>' +
                                                //Agregado por Marcelo
                                                new Ajax.Updater('Actualizar_Ajax',
                                                "<?php echo url_for('ingresoReparaciones/agregarclientes')?>",
                                                {asynchronous:true, evalScripts:false,
                                                    onLoading:function(request, json){$('loader_agregar_tipo').show()},
                                                    parameters:Form.serialize(this)});
                                                //Hasta aca
                                                jQuery(this).dialog('close');
					}
				},
				Cancelar: function() {
					jQuery(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});

	});
	</script>




<div id="dialog-form" title="Crear un nuevo modelo">
	<p
            class="validateTips">Todos los campos son requeridos.</p>

        <?php echo form_remote_tag(array(
              'url' => url_for('ingresoReparaciones/agregarclientes'),
              'complete' => "jQuery('#dialog-form').dialog('close')",
        )) ?>
        
	<fieldset>
            <div style="display: none"><?php echo $form2['_csrf_token']?></div>
		<label for="name">Marca</label>
                <?php echo $form2['marcas_id']?>
                <label for="apellido">Modelo</label>
		<?php echo $form2['modelo'] ?>
	</fieldset>
	</form>
</div>
